<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/iuapmobile.um.css">
		<link rel="stylesheet" href="../../css/font-icons.css">
		
		<script src="../../js/jquery.min.js" ></script>
		<script src="../../js/summer.js" ></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js" ></script>
		<script src="../../js/knockout-2.2.0.js" ></script>
		
		<style>
			#check, .del {
				color: #007aff;
			}
			.list-item:last-child .um-list-item .um-list-item-inner:after {
				border-width: 0;
			}
			.um-list-item .um-list-item-left{
				margin-left:4%; 
			}
		</style>
		<script>
			function $pageReady() {
				/*这里编写与原生服务相关的代码逻辑，例如对原生设备服务的调用，对网络服务的调用等*/
				//alert("Mobile Native Ready");
			}
		</script>
		<script type="text/javascript">
			
		</script>
		<script src="js/w_ljqyf.js"></script>
	</head>
	<body>
		
		<!-- 第一页，查询出来的人员房产的列表页 -->
		<div class="um-page" id="index">
			<div class="um-header">
				<a href="#" class="um-back" onclick="summer.closeWin()"> 返回</a>
				<h3>房产列表</h3>
			</div>
			<div class="um-content p15">
				<ul class="um-list" id="shopContent"  data-bind="foreach: listData">
					<li class="list-item">
						<a href="#edite" class="um-list-item"> 
							<div class="um-list-item-inner" data-bind="click: $parent.lineClick" >
								<div class="um-list-item-body">
									<h4 class="media-heading" data-bind="text: premises_name" ></h4>
									<p>
										<span data-bind="text: building_num"></span>楼
										<span data-bind="text: unit"></span>单元
										<span data-bind="text: room_num"></span>房间
									</p>
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!-- 第二页，点击某个列表，进入详情页 -->

		<div class="um-page" id="edite">
			<div class="um-header" >
				<a href="#index" class="um-back">返回</a>
				<h3>垃圾清运缴费</h3>
			</div>
			<div class="um-content">
				<ul class="um-list" data-bind="with: line">
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									小区:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: premises_name">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									楼号:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: building_num">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									单元:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: unit">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									房间:
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: room_num">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									月单价(元):
								</div>
								<div class="um-list-item-right">
									<input readonly= "true" type="text" class="form-control" data-bind="value: property_month_fee">
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									上次缴至:
								</div>
								<div class="um-list-item-right">
									<input type="date" readonly= "true" class="form-control" data-bind="value: last_paydate" id = 'last_paydate'>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									本次缴至:
								</div>
								<div class="um-list-item-right">
									<input type="date" class="form-control" id = 'this_paydate'  >
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="um-list-item">
							<div class="um-list-item-inner">
								<div class="um-list-item-left">
									应缴金额(元):
								</div>
								<div class="um-list-item-right">
									<input type="text" readonly= "true" class="form-control" id = 'should_pay'>
								</div>
							</div>
						</div>
					</li>
				</ul>
				<a href="#" class="popBtn btn mt30" style="width: 90%;margin-left:5%" id = "reckon">计算应缴金额</a>
				<a href="#" class="popBtn btn mt30" style="width: 90%;margin-left:5%" id = "submit">提交网银支付</a>
			</div>
		</div>
	</body>
</html>